<script setup lang="ts">
import Search from "./Search/index.vue";
import ClusterSwitch from "./ClusterSwitch/index.vue";
import Tool from "./Tool/index.vue";
import ThematicMap from "./ThematicMap/index.vue";
import Legend from "./Legend/index.vue";
const isShowLegend = ref(false);
defineProps({
  deviceCategoryList: Array<any>,
});
const toggleShowLegend = () => (isShowLegend.value = !isShowLegend.value);
</script>

<template>
  <Search />
  <ClusterSwitch />
  <Tool @toggle-show-legend="toggleShowLegend" />
  <ThematicMap />
  <Legend
    v-if="isShowLegend"
    @toggle-show-legend="toggleShowLegend"
    :deviceCategoryList="deviceCategoryList"
  />
</template>

<style scoped lang="scss"></style>
